

<link rel="stylesheet" type="text/css" href="../Public/fanddajing/css/style.css" />
<link rel="stylesheet" type="text/css" href="../Public/fanddajing/css/jqzoom.css" />
<script src="../Public/fanddajing/js/jQuery-1.3.2.js" language="javascript" type="text/javascript"></script>
<script src="../Public/fanddajing/js/newegg.jqzoom.js" language="javascript" type="text/javascript"></script>
<script src="../Public/fanddajing/js/WebApplication.js" language="javascript" type="text/javascript"></script>
<script src="../Public/fanddajing/js/BizProduct090713.js" language="javascript" type="text/javascript"></script>
<script src="../Public/fanddajing/js/BizCommon090801.js" language="javascript" type="text/javascript"></script>
<!-- content -->

<div class="wind_alldivs1">
  <div class="auto">
     <div class="subnav">
    <ul class="crumbs">
        <li>我的位置：</li>
        <li><a href="{$site_url}">{$site_name} </a> </li>
        <li><a href="{$Categorys[$catid]['url']}">&nbsp; &gt; {$Categorys[$catid]['catname']} </a></li>
        <li>&nbsp; &gt; {$title} </li>
        <div class="clear"></div>
    </ul>
 
</div>
    <!-- 左边 -->
    <div class="wind_SPdivL">
<style type="text/css">
#gallery {
width:auto;
}
#images {
  height:225px;
  margin-bottom:20px
}
#image {
  position:relative;
  width:100%;
  border-radius: 6px;
  height:396px;
  background:#FFF url(../Public/images/loading.gif) center center no-repeat
}
#image img {
  position:absolute;
  width: 471px;
  height: 365px;
  top:20px;
  left:20px
}
#thumbwrapper {
  margin-top:10px;
  margin-left: 10px;  
  width:98%;
  height:100px;
  background:#FFF
}
#thumbarea {
  position:relative;
  overflow:hidden;
  height:85px;
  width:100%;
}
#thumbs {
  position:absolute;
  list-style:none;
  margin-left:5px;
  height:85px;
  width:5000px;
}
#thumbs li {
  float:left;
  margin-right: 0px;
    margin-left: 10px;
  cursor:pointer
}
.imgnav {
  position:absolute;
  height:430px;
  width:20%;
  z-index:100;
  width:6%;
  z-index:100;
  outline:none;
  cursor:pointer
}
#previmg {
  left:0px;
  padding-left: 10px;
  background:url(../Public/images/windimg8.png) center 46% no-repeat;
}
#previmg:hover {
  opacity:1;
  filter:alpha(opacity=100)
}
#nextimg {
  right:0px;
  background:url(../Public/images/windimg9.png) center 46% no-repeat;
}
#nextimg:hover {
  opacity:1;
  filter:alpha(opacity=100)
}

</style>
      <div id="gallery" style="position:relative;">
        <div class="wind_blockpd">
            <span class="wind_produtitle">{$title}</span>
            <span class="wind_produtitle2">&nbsp;&nbsp;&nbsp;
              <!--专享价：<span style="font-size:20px;color:#FF0000;"></span>-->
            </span>
          <a class="wind_produtitle3" href="http://wpa.qq.com/msgrd?v=3&amp;uin={$site_qq}&amp;site=www.cactussoft.cn&amp;menu=yes" target="_blank">购买咨询</a>
          
            <ul class="wind_xgtnyUL1" style="margin: 45px 0px 0px 0px;">
            <div class="hm cl" style="float:left; margin-left:50px;">
   
    <div id="bdshare" class="bdshare_t bds_tools_24 get-codes-bdshare">
    <span  style="text-indent:0;padding-left: 32px; float:left;width: auto;font-size: 16px;font-family: '微软雅黑';">分享到 </span>
    <a class="bds_qzone" title="分享到QQ空间" href="#"></a>
    <a class="bds_tsina" title="分享到新浪微博" href="#"></a>
    <a class="bds_tqq" title="分享到腾讯微博" href="#"></a>
   
    <span class="bds_more" style="text-indent:0;padding-left: 32px;width: auto;font-size: 18px;font-family: '微软雅黑';"></span>
    </div>
    <script type="text/javascript" id="bdshare_js" data="type=tools" src="http://bdimg.share.baidu.com/static/js/bds_s_v2.js?cdnversion=406586"></script>

    </div>
              <li style="margin-left:30px;">
             
                <a href="javascript:onclick=keep({$id})" >收藏：&nbsp;<img src="../Public/images/windimg24.png" /><span class="keep_n">{$keep_num}</span></a>
              </li>
              <li style="float:right;margin-right:5px;"><img src="../Public/images/windimg44.png" />{$hits}</li>
              <div style="clear:both;"></div>
            </ul>
        </div>



      <div class="introShow">
  <div class="mainShow"><a id="bigImg" href="<?php if($pics){ echo $pics['0']['filepath'];  }?>" class="jqzoom" ><img id="midImg" src="<?php if($pics){ echo $pics['0']['filepath'];  }?>" class="Picture220"/></a></div>
  <div class="scroll" id="scroll"><a href="#prev" class="prevView prevStop" ><span>显示上一幅图片</span></a>

      <ul id="thumList">

        <volist name="pics" id="v" key="k">
          <li class="moveUnit"><a href="javascript:void(0)" title="" class="currentItem"><img src="{$v['filepath']}" alt="" ref1="{$v['filepath']}" ref2="{$v['filepath']}" onmouseover="Biz.Product.Product.ChangePic(this);" class="Picture40"/></a>
          </li>
         </volist>
    </ul>

    <a href="#next" class="nextView nextStop" ><span>显示下一幅图片</span></a></div>
</div>
      
      
      
      
      
      </div>

<script type="text/javascript" language="jscript">
var productUrl='';

jQuery(function($) {
    Biz.Product.Product.turn();
    Biz.Product.Product.turn2();
    Biz.Common.TabCtrl.tabs("tab");
	Biz.Common.TabCtrl.tabs("tempTab");
	Biz.Common.MoveCtrl.iniUnit('scroll', 'thumList', 4, 1);
	Biz.Common.MoveCtrl.iniUnit('gift', 'gift_1', 3, 1);
    Biz.Common.MoveCtrl.iniUnit('congener', 'congener_1', 3, 1);
    Biz.Common.TableCtrl.odd();	
    Biz.Product.Product.InitSpecialTable();
    Biz.Product.Product.InitAlsoBuy();

	//Click out event!
	$("#backgroundPopup").click(function(){
		Biz.Common.PopCtrl.disablePopup();
		});
		
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			Biz.Common.PopCtrl.disablePopup();
		}
	});
	
    var options = {
    zoomWidth: 400,
    zoomHeight: 300,
        xOffset: 20,
        yOffset: 0,
        title : false,
		showEffect:"fadein",
		hideEffect:"fadeout",
        position: "right" 
	}
	$(".jqzoom").jqzoom(options);
	
	Biz.Product.ProductDetail.Delay('44891','健康休闲');
}); 
</script>
        <ul class="wind_product2">
          <li id="wins1" style="background:#FFF;">商品详情</li>
          <li id="wins2">规格参数</li>
          <li id="wins3">商品评价</li>
        </ul>
        <div  id="wins11" class="wind_product2div" style="display:block;">
        {$content}
        </div>
        <div  id="wins22" class="wind_product2div">
         {$p_sptx}
        </div>
        <div  id="wins33" class="wind_product2div">
        
        
        
        
        <div class="wind_pinluns1">
                  
   <?php 
         $field='jg_comment.id,jg_comment.content,jg_comment.createtime,jg_user.id as userid,jg_user.avatar,jg_user.username';
         $where='jg_Comment.`conid`='.$id.' and contype="Product"';
         $reluts=M('Comment')->field($field)->where($where)->join('jg_user ON jg_comment.userid = jg_user.id')->limit('50')->select();
          foreach($reluts as $key=>$val){
    ?>
                <ul class="wind_xgtnyUL3" style="width:95%">
                  <li>
                    <a href="index.php?m=User&a=index&id={$val['userid']}"><img class="wind_header" src="{$val['avatar']}" /></a>
                  </li>
                  <li>
                    <ul class="wind_xgtnyUL4" style="width:86%;">
                      <li style="width:100%;">
                        <span style="font-size:18px;line-height:42px;"><a href="index.php?m=User&a=index&id={$val['userid']}">{$val['username']}</a></span>
                        <span style="color:#999;">{$val.createtime|toDate=###,'Y-m-d H:i:s'}说：</span>
                      </li>
                        <p>{$val['content']}</p>
                    </ul>
                  </li>
                  <div style="clear:both;"></div>
                </ul>
                
                <?php }?>
                
                <ul class="wind_xgtnyUL3" style="border:none;width:95%;">
                  <li>
                    <img class="wind_header" src="../Public/images/windhead1.png" />
                  </li>
                  <li>
                    
                    
                   <form name="myform" id="myform" action="{:URL('User-Index/comment_post')}" method="post" onSubmit="return logina();">
                    <input type="hidden" name="conid" value="{$id}"/> 
                    <input type="hidden" name="contype" value="Product"/>
                    <input type="hidden"  name="moduleid" value="{$moduleid}" />
                    <input type="hidden"  name="catid" value="{$catid}" />
                    <input type="hidden"  name="title" value="{$title}" /
                    <input type="hidden"  name="lang" value="{$langid}" />
                    <input type="hidden"  name="url" value="<?php echo $_SERVER['REQUEST_URI'];?>" /> 
                    
                    <ul class="wind_xgtnyUL4" style="width:86%;">
                      <li style="width:100%;">
                        <textarea class="wind_textarea" placeholder="添加评论~~" name="content" style="width:727px;"></textarea>
                      </li>
                    </ul>
                  </li>
                  <div style="clear:both;"></div>
                </ul>
                <input type="submit" value="添加评论" class="wind_xgtnyULpinl" style="margin-bottom:30px;" />
                </form> 
                <div style="clear:both;"></div>
                <!-- end -->
          </div>
          
        </div>
    </div>
<script type="text/javascript">
  $("#wins1").click(function(){
    $("#wins11").show();
    $("#wins33,#wins22").hide();
    $("#wins1").css("background","#FFF");
    $("#wins3,#wins2").css("background","#E5E5E5");
  });
  $("#wins2").click(function(){
    $("#wins22").show();
    $("#wins11,#wins33").hide();
    $("#wins2").css("background","#FFF");
    $("#wins3,#wins1").css("background","#E5E5E5");
  });
  $("#wins3").click(function(){
    $("#wins33").show();
    $("#wins11,#wins22").hide();
    $("#wins3").css("background","#FFF");
    $("#wins1,#wins2").css("background","#E5E5E5");
  });
</script>
    <!-- 右边 -->
    <div class="wind_SPdivR">
        <div class="wind_SPdivRson1">
        <?php $brand = M('Brand')->where('id='.$brandid)->find(); ?>
          <img width="77" height="80" src="{$brand['pic_mix']}" />
          <ul class="wind_SPdivRson1ul">
            <li style="font-size:14px;font-weight:none;">
              <img src="../Public/images/windimg27.png" />
              <u>{$brand['name']}</u>
            </li>
            <li><a href="index.php?m=Product&a=index&id=6&brandid={$brand['id']}" class="windmore_produ">更多商品</a></li>  
          </ul>
          
          <div style="clear:both;"></div>
          <span class="windSpan2">其他商品：</span>
          <YP:list name="Product" where="hot!='0'"  catid="6" id="r" limit="4">
          <div class="wind_divs1">
            <a href="{$r['url']}"><img style="width:100%;" src="{$r['picture']}" />
            <span class="windSpan3">{$title}<span class="windSpan3s"><span/></span>
            </a>
          </div>
            </YP:list>
        </div>
        <div style="clear:both;"></div>
      </div>
      <div style="clear:both;"></div>
          <!-- end -->
</div>
<div style="clear:both;margin-top:30px;"></div>
<script type="text/javascript">
$("#windspan1").click(function(){
  $(this).attr("class", "wind_newscontentlis1"); 
   $("#windspan2").attr("class", "wind_newscontentlis2"); 
   $("#windspan22").hide();
   $("#windspan11").show();
});
$("#windspan2").click(function(){
 $(this).attr("class", "wind_newscontentlis1"); 
   $("#windspan1").attr("class", "wind_newscontentlis2");
   $("#windspan11").hide();
   $("#windspan22").show();
});
  
</script>

<script>
function  keep(id){
	
	
		  var module='Product';
		 
		  var url=window.location.search;
		  url='index.php'+url;
		  var title=$(".wind_produtitle").html();
		 
      //alert(title);
		  //var userid=$("#keep_u").attr('name');
		 // alert(userid)
	
		  $.post(
				  'index.php?g=User&m=Index&a=keep', 
				  {'id':id,
				   'module':module,
				   'url':url,
				   'title':title,
				   
				  },
				  function(res){
					 if(res.length>1000){
						 alert('您还未登录，请您先登录');
						 } else{
							 alert(res)
							 if(res=='收藏成功!'){
							  var keepnum=parseInt($(".keep_n").html())+1;
							  $(".keep_n").html(keepnum);
							  }
						}
					 
					});
	  
	}





</script>
                                                                                                                                                                                                                                                                                                